
/* 自定义按钮样式 */
$error: #d94949;
$success: #646cff;
$text: #535bf2;
button {
  border-radius: 8px;
  font-size: 1em;
  padding: 0.6em 1.2em;
  border: 1px solid transparent;
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.25s;
  color: #ffffff !important;
}
// 正常按钮
button,
button[data-primary] {
  // background: darken($color: #000000, $amount: 0);
  background: $success;
}
button:hover,
button[data-primary]:hover {
  background: lighten($color: $success, $amount: 10%);
}
button:active,
button[data-primary]:active {
  // outline: 4px auto -webkit-focus-ring-color;
  background: darken($color: $success, $amount: 10%);
}
button:disabled,
button[data-primary]:disabled {
  cursor: no-drop;
  // outline: 4px auto -webkit-focus-ring-color;
  background: lighten($color: $success, $amount: 10%);
}
// 文字按钮
button[data-text] {
  // background: darken($color: #000000, $amount: 0);
  background: none;
  color: $text !important;
}
button[data-text]:hover {
  // background: lighten($color: $error, $amount: 10%);
  color: lighten($color: $text, $amount: 10%) !important;
}
button[data-text]:active {
  // outline: 4px auto -webkit-focus-ring-color;
  color: darken($color: $text, $amount: 10%) !important;
}
button[data-text]:disabled {
  cursor: no-drop;
  // outline: 4px auto -webkit-focus-ring-color;
  color: lighten($color: $text, $amount: 10%) !important;
}
// 提示按钮
button[data-error] {
  // background: darken($color: #000000, $amount: 0);
  background: $error;
}
button[data-error]:hover {
  background: lighten($color: $error, $amount: 10%);
}
button[data-error]:active {
  // outline: 4px auto -webkit-focus-ring-color;
  background: darken($color: $error, $amount: 10%);
}
button[data-error]:disabled {
  cursor: no-drop;
  // outline: 4px auto -webkit-focus-ring-color;
  background: lighten($color: $success, $amount: 10%);
}